<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title>Todo supply a title</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
    <canvas id= "canvas1" width = "400" height= "400"
            style="border:solid"></canvas>
           <script language="javascript">
        var ctx1 = document.getElementById('canvas1').getContext("2d");
            
            //define a cor padrão das formas
            ctx1.fillStyle = '#000080';
            //desenha o retângulo
            ctx1.fillRect(10, 10, 100, 150);
     ctx1.fillStyle = '#006400';       
    ctx1.fillRect (110, 10, 250,50);
    ctx1.strokeStyle = '#FF4500';
    ctx1.strokeRect(350,350,50,50);
    
            </script>


    </body>
</html>
